#{extends 'main.html' /}
#{set title:'Seyahat Oluştur' /}


#{form @StartJourneyInfo.startjourneyinfo()}


#{ifErrors}
   <p class="error">
        Tüm alanların doldurulması gereklidir!
   </p>
   <div class="clear" style="height: 8px;"></div>
#{/ifErrors}


#{if msg}
   <p class="succesful">${msg}</p>
   <div class="clear" style="height: 8px;"></div>
#{/if}

<div class="starjourney_tab">

	<div class="ust_line" style="text-align: center">
	<div class="contact_title">Araç</div>
	</div>
	
	<div class="clear" style="height: 20px;"></div>
	

	<div class="form-left">
	Araç:
	</div>
	
	<div class="form-right">
	<select name="plate"  style="border: 1px solid #59983B; width:200px" id="plate" >
	<option value="" selected="selected">Aracınız Seçiniz</option>
	#{list items:user.getVehicles(), as:'vehicle'}
		<option >${vehicle.plate}</option>
	#{/list}
	</select>	
	</div>
	<div class="clear" ></div>
	
	<div class="form-left">
	</div>
	
	<div class="form-right">
	<a href="@{Vehicles.vehicles}" style="color: #3B5998;">Yeni Araç Ekle</a>
	</div>
	<div class="clear" ></div>

	
	<div class="ust_line" style="text-align: center">
	<div class="contact_title">Kalkış Yeri Bilgileri</div>
	</div>
	
	<div class="clear" style="height: 20px;"></div>


	<div class="form-left">
	İl:
	</div>
	
	<div class="form-right">
	
	<select name="departurestate"  style="border: 1px solid #59983B; width:100px" id="departurestate" >
	<option value="" selected="selected">İl Seçiniz</option>
	
						  <option >Adana</option>
						   
                          <option >Adıyaman</option>
						   
                          <option >Afyon</option>
						   
                          <option >Ağrı</option>
						   
                          <option >Aksaray</option>
						   
                          <option >Amasya</option>
						   
                          <option >Ankara</option>
						   
                          <option >Antalya</option>
						   
                          <option >Ardahan</option>
						   
                          <option >Artvin</option>
						   
                          <option >Aydın</option>
						   
                          <option >Balıkesir</option>
						   
                          <option >Bartın</option>
						   
                          <option >Batman</option>
						   
                          <option >Bayburt</option>
						   
                          <option >Bilecik</option>
						   
                          <option >Bingöl</option>
						   
                          <option >Bitlis</option>
						   
                          <option >Bolu</option>
						   
                          <option >Burdur</option>
						   
                          <option >Bursa</option>
						   
                          <option >Çanakkale</option>
						   
                          <option >Çankırı</option>
						   
                          <option >Çorum</option>
						   
                          <option >Denizli</option>
						   
                          <option >Diyarbakır</option>
						   
                          <option >Düzce</option>
						   
                          <option >Edirne</option>
						   
                          <option >Elazığ</option>
						   
                          <option >Erzincan</option>
						   
                          <option >Erzurum</option>
						   
                          <option >Eskişehir</option>
						   
                          <option >Gaziantep</option>
						   
                          <option >Giresun</option>
						   
                          <option >Gümüşhane</option>
						   
                          <option >Hakkari</option>
						   
                          <option >Hatay</option>
						   
                          <option >Iğdır</option>
						   
                          <option >Isparta</option>
						   
                          <option >İçel</option>
						   
                          <option >İstanbul</option>
						   
                          <option >İzmir</option>
						   
                          <option >KahramanMaraş</option>
						   
                          <option >Karabük</option>
						   
                          <option >Karaman</option>
						   
                          <option >Kars</option>
						   
                          <option >Kastamonu</option>
						   
                          <option >Kayseri</option>
						   
                          <option >Kırıkkale</option>
						   
                          <option >Kırklareli</option>
						   
                          <option >Kırşehir</option>
						   
                          <option >Kilis</option>
						   
                          <option >Kocaeli</option>
						   
                          <option >Konya</option>
						   
                          <option >Kütahya</option>					
						   
                          <option >Malatya</option>
						   
                          <option >Manisa</option>
						   
                          <option >Mardin</option>
						   
                          <option >Muğla</option>
						   
                          <option >Muş</option>
						   
                          <option >Nevşehir</option>
						   
                          <option >Niğde</option>
						   
                          <option >Ordu</option>
						   
                          <option >Osmaniye</option>
						   
                          <option >Rize</option>
						   
                          <option >Sakarya</option>
						   
                          <option >Samsun</option>
						   
                          <option >Siirt</option>
						   
                          <option >Sinop</option>
						   
                          <option >Sivas</option>
						   
                          <option >Şanlıurfa</option>
						   
                          <option >Şırnak</option>
						   
                          <option >Tekirdağ</option>
						   
                          <option >Tokat</option>
						   
                          <option >Trabzon</option>
						   
                          <option >Tunceli</option>
						   
                          <option >Uşak</option>
						   
                          <option >Van</option>
						   
                          <option >Yalova</option>
						   
                          <option >Yozgat</option>
						   
                          <option >Zonguldak</option>
			</select>	
	</div>
	<div class="clear" ></div>
	
	<div class="form-left">
	İlçe:
	</div>
	
	<div class="form-right">
	<input type="text" style="border: 1px solid #59983B; width: 100px;" name="departuretownn">
	</div>
	<div class="clear" ></div>
	
	<div class="form-left">
	Cadde:
	</div>
	
	<div class="form-right">
	<input type="text" style="border: 1px solid #59983B; width: 300px;" name="departurestreet">
	</div>
	<div class="clear" ></div>
	
	<div class="form-left">
	Tarih:
	</div>
	
	<div class="form-right">
	<input type="date" style="border: 1px solid #59983B; width: 150px;" name="departuredate">
	</div>
	<div class="clear" ></div>
	
	<div class="form-left">
	Saat:
	</div>
	
	<div class="form-right">
	<input type="text" style="border: 1px solid #59983B; width: 50px;" name="departurehour">
	</div>
	<div class="clear" ></div>
	
	
	<div class="clear" ></div>
	
	<div class="ust_line" style="text-align: center">
	<div class="contact_title">Varış Yeri Bilgileri</div>
	</div>
	
	<div class="clear" style="height: 10px;"></div>
	
	<div class="form-left">
	İl:
	</div>
	
	<div class="form-right">
	<select name="arrivestate"  style="border: 1px solid #59983B; width:100px" >
	<option value="" selected="selected">İl Seçiniz</option>
	
						  <option >Adana</option>
						   
                          <option >Adıyaman</option>
						   
                          <option >Afyon</option>
						   
                          <option >Ağrı</option>
						   
                          <option >Aksaray</option>
						   
                          <option >Amasya</option>
						   
                          <option >Ankara</option>
						   
                          <option >Antalya</option>
						   
                          <option >Ardahan</option>
						   
                          <option >Artvin</option>
						   
                          <option >Aydın</option>
						   
                          <option >Balıkesir</option>
						   
                          <option >Bartın</option>
						   
                          <option >Batman</option>
						   
                          <option >Bayburt</option>
						   
                          <option >Bilecik</option>
						   
                          <option >Bingöl</option>
						   
                          <option >Bitlis</option>
						   
                          <option >Bolu</option>
						   
                          <option >Burdur</option>
						   
                          <option >Bursa</option>
						   
                          <option >Çanakkale</option>
						   
                          <option >Çankırı</option>
						   
                          <option >Çorum</option>
						   
                          <option >Denizli</option>
						   
                          <option >Diyarbakır</option>
						   
                          <option >Düzce</option>
						   
                          <option >Edirne</option>
						   
                          <option >Elazığ</option>
						   
                          <option >Erzincan</option>
						   
                          <option >Erzurum</option>
						   
                          <option >Eskişehir</option>
						   
                          <option >Gaziantep</option>
						   
                          <option >Giresun</option>
						   
                          <option >Gümüşhane</option>
						   
                          <option >Hakkari</option>
						   
                          <option >Hatay</option>
						   
                          <option >Iğdır</option>
						   
                          <option >Isparta</option>
						   
                          <option >İçel</option>
						   
                          <option >İstanbul</option>
						   
                          <option >İzmir</option>
						   
                          <option >KahramanMaraş</option>
						   
                          <option >Karabük</option>
						   
                          <option >Karaman</option>
						   
                          <option >Kars</option>
						   
                          <option >Kastamonu</option>
						   
                          <option >Kayseri</option>
						   
                          <option >Kırıkkale</option>
						   
                          <option >Kırklareli</option>
						   
                          <option >Kırşehir</option>
						   
                          <option >Kilis</option>
						   
                          <option >Kocaeli</option>
						   
                          <option >Konya</option>
						   
                          <option >Kütahya</option>					
						   
                          <option >Malatya</option>
						   
                          <option >Manisa</option>
						   
                          <option >Mardin</option>
						   
                          <option >Muğla</option>
						   
                          <option >Muş</option>
						   
                          <option >Nevşehir</option>
						   
                          <option >Niğde</option>
						   
                          <option >Ordu</option>
						   
                          <option >Osmaniye</option>
						   
                          <option >Rize</option>
						   
                          <option >Sakarya</option>
						   
                          <option >Samsun</option>
						   
                          <option >Siirt</option>
						   
                          <option >Sinop</option>
						   
                          <option >Sivas</option>
						   
                          <option >Şanlıurfa</option>
						   
                          <option >Şırnak</option>
						   
                          <option >Tekirdağ</option>
						   
                          <option >Tokat</option>
						   
                          <option >Trabzon</option>
						   
                          <option >Tunceli</option>
						   
                          <option >Uşak</option>
						   
                          <option >Van</option>
						   
                          <option >Yalova</option>
						   
                          <option >Yozgat</option>
						   
                          <option >Zonguldak</option>
			</select>
	</div>
	<div class="clear" ></div>
	
	<div class="form-left">
	İlçe:
	</div>
	
	<div class="form-right">
	<input type="text" style="border: 1px solid #59983B; width: 100px;" name="arrivetownn">
	</div>
	<div class="clear" ></div>
	
	<div class="form-left">
	Cadde:
	</div>
	
	<div class="form-right">
	<input type="text" style="border: 1px solid #59983B; width: 300px;" name="arrivestreet">
	</div>
	<div class="clear" ></div>
	
	<div class="ust_line" style="text-align: center">
	<div class="contact_title">Seyahat Bilgileri</div>
	</div>
	
	<div class="clear" style="height: 10px;"></div>
	
	<div class="form-left">
	Seyahat Notları:
	</div>
	
	<div class="form-right">
	<textarea name="journeynotes" id="journeynotes" style="border: 1px solid #59983B; width: 300px; height: 25px;"></textarea>
	</div>
	<div class="clear" ></div>
	
	<div class="form-left">
	Tahmini Mesafe:
	</div>
	
	<div class="form-right">
	<input type="text" style="border: 1px solid #59983B; width: 35px;" name="expecteddistance"> km
	</div>
	<div class="clear" ></div>
	
	<div class="form-left">
	Tahmini Süre:
	</div>
	
	<div class="form-right">
	<input type="text" style="border: 1px solid #59983B; width: 35px;" name="expectedtime"> sa
	</div>
	<div class="clear" ></div>
	
	<div class="form-left">
	Ücret Paylaşımı:
	</div>
	
	<div class="form-right">
	<input type="checkbox"  name="priceshare">
	</div>
	<div class="clear" ></div>
	
	<div class="form-left">
	Otostopçu Sayısı:
	</div>
	
	<div class="form-right">
	<select style="border: 1px solid #59983B; width: 150px;" name="numberofhitchhiker" >
	<option value="" selected="selected">#Otostopçu</option>
	
						  <option >1</option>
						  <option >2</option>
						  <option >3</option>
						  <option >4</option>
						  
	</select>
	</div>
	<div class="clear" ></div>
	
	<div class="clear" style="height: 0px;"></div>	
	    
    <div class="form-right">
    <input type="submit" value="Submit!" style="border: 1px solid #59983B; width: 120px; height: 20px" /> 
    
    </div>
#{/form} 
    
</div>

